<section id = "doc_what-is-viewport" data-view = "true" data-view-title = "什么是视图">
	<header>
		<a class = "nav-back" data-view-rel = ":back"></a>
		<span>什么是视图</span>
		<a class = "menu"></a>
	</header>
	<div class = "body">
		<p>View.js将"视图"定义为：用户视觉上在设备上看到的一页内容。</p>
		<p>视觉上的效果在技术实现上，有多种选择。传统的实现方式，是一个视图一个页面，视图之间的切换在技术上体现为页面之间的跳转。</p>
		<p>但View.js并不这样做。</p>
		<p>出于复杂类型数据（如：回调方法，json对象和DOM元素等）传递，以及动画效果的开发等需要，View.js将多个视图使用一个页面来存储。亦即，以"一个视图对应HTML中的一个片段，多个视图共存于同一个HTML"的方式来组织。如下所示：</p>
		<div class = "code html" data-filename = "index.html">
&lt;!DOCTYPE HTML&gt;
&lt;html&gt;
&lt;head&gt;...&lt;/head&gt;
&lt;body&gt;
	&lt;section id = "view1" data-view = "true" data-view-title="View title 1"&gt;
		...
	&lt;/section&gt;
	&lt;section id = "view2" data-view = "true" data-view-title = "View title 2"&gt;
		...
	&lt;/section&gt;
&lt;/body&gt;
&lt;/html&gt;
		</div>
		<p>同一时刻只有一个视图处于显示状态，这个视图被称之为"活动视图"。</p>
		<p>每个页面都有一个默认视图。默认视图是指页面打开后将要呈现的第一个视图。</p>
		<p>由于View.js只专注于视图相关的操作，并不涉及其它领域，因此View.js能够很好地和其它优秀的框架一起协同工作，如Hammer、Swiper、 jQuery和zepto等。因为这些不同的框架或库解决的是不同范畴的问题，所以不会出现冲突，因而可以放心使用。<span class = "warn">（View.js会在window上附加名称为"View"的对象。如果您引用的其它框架或库也有这样的名称，那可能会有冲突出现。）</span></p>
	</div>
	<footer><div class = "btn next">下一节</div></footer>
</section>